<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>登陆</title>
	<style>
		#form-wrap {
			width: 30%;
			margin: 20px auto;
		}

		button,
		input,
		select {
			padding: 10px 20px;
			width: 100%;
			box-sizing: border-box;
			border: 1px solid #ccc;
			font-size: 16px;
			line-height: 1.2;
		}

		.input-wrap {
			margin-bottom: 20px;
		}

		.input-wrap:after {
			content: ' ';
			clear: both;
			display: block;
		}

		.left {
			padding-top: 10px;
			float: left;
			width: 30%;
		}

		.right {
			float: left;
			width: 70%;
		}
		.align-center {
			text-align: center;
		}
		.small {
			font-size: 12px;
		}
		.company_title span{
			cursor: pointer;
			transition: 0.15s all ease;
			padding: 5px 10px;
		}
		.company_title span:hover{
			background-color: #65a3ff;
			color: #fff;
		}
		.company_title span.on{
			background-color: #246fde;
			color: #fff;
		}
	</style>
</head>

<body>
	<div id="form-wrap">
		<form id="form" action="" id="form">
			<h2 class="align-center company_title J_select">
				<span class="com_apply J_com on">个人答题入口</span>
			</h2>
			<div class="input-wrap">
				<div class="left">姓名:</div>
				<div class="right">
					<input type="text" placeholder="18位数字" maxlength="18" id="code" name="xm" value="范冰冰">
				</div>
			</div>
			<div class="input-wrap">
				<div class="left">身份证号码:</div>
				<div class="right">
					<input type="text" placeholder="单位名称" id="name" name="sfzhm" value="110101198506020011">
				</div>
			</div>
			<div class="input-wrap">
				<div class="left">手机号:</div>
				<div class="right">
					<input type="text" placeholder="手机" id="sjh" name="sjh" value="15588884444">
				</div>
			</div>
			<!-- <div class="input-wrap J_depart" style="display: none">
				<div class="left">推荐部门Id</div>
				<div class="right">
					<select name="" id="id">
					</select>
				</div>
			</div> -->
			<button id="btnLogin">登陆</button>
		</form>
	</div>
	<script src="./common/vendor.js"></script>
	<script>
		$(function () {

			// $('#form').attr('action', conf.urlPrefix + '/login/bdlogin');
			// initSelectOption();
			// var isApply = switchType($('.J_select .com_apply'));
			// $('.J_select').on('click', '.J_com', function (e) {
			// 	isApply = switchType($(this));
			// });

			/* 登陆 */
			$('#btnLogin').click(function (event) {
				event.preventDefault();
				$.ajax({
					type: 'post',
					url: '/login/login',
					data: JSON.stringify({
						xm: $('#code').val(),
						sfzhm: $('#name').val(),
						lxdh:$('#sjh').val()
						// tjbmid: isApply ? undefined : $('#id').val()
					})
				}).done(function (result) {
			
						window.location.href = './index.html';
				});
			});

			/**
			 * 申请和审核切换
			 */
			// function switchType($this) {
			// 	$('.J_com').removeClass('on');
			// 	$this.addClass('on');
			// 	if ($this.hasClass('com_apply')) {
			// 		$('.J_depart').hide();
			// 		return true;
			// 	}
			// 	$('.J_depart').show();
			// 	return false;
			// }
			/**
			 * 初始化推荐部门Id
			 */
			// function initSelectOption () {
			// 	var list = [
			// 		{ 'id': '0101', 'name': '北大医疗产业孵化基地' },
			// 		{ 'id': '0102', 'name': '北京北航天汇科技孵化器有限公司' },
			// 		{ 'id': '0103', 'name': '北京普天德胜科技孵化器有限公司' },
			// 		{ 'id': '0104', 'name': '北京启迪创业孵化器有限公司' },
			// 		{ 'id': '0105', 'name': '北京青年创业示范园' },
			// 		{ 'id': '0106', 'name': '北京市嘉诚文化科技融合孵化基地' },
			// 		{ 'id': '0107', 'name': '北京中关村软件园孵化服务有限公司' },
			// 		{ 'id': '0108', 'name': '中关村东升科技园' },
			// 		{ 'id': '0109', 'name': '中关村科技园区丰台园科技创业服务中心' },
			// 		{ 'id': '0110', 'name': '中关村科技园区海淀园创业服务中心' },
			// 		{ 'id': '0111', 'name': '北京大学科技园' },
			// 		{ 'id': '0112', 'name': '北京林业大学科技园' },
			// 		{ 'id': '0113', 'name': '北京创业公社孵化基地' },
			// 		{ 'id': '0114', 'name': '北京宏福科技孵化器' },
			// 		{ 'id': '0115', 'name': '北京理工大学国家大学科技园' },
			// 		{ 'id': '0116', 'name': '北京中关村生命科学园生物医药科技孵化器' },
			// 		{ 'id': '0117', 'name': '北京服装学院服饰时尚设计产业创新园' },
			// 		{ 'id': '0118', 'name': '尚8文化产业创业孵化基地' },
			// 		{ 'id': '0119', 'name': '北京经开·E7创享孵化基地' },
			// 		{ 'id': '0120', 'name': '北京赛欧科园科技孵化中心' }
			// 	];
			// 	var str = '';
			// 	for (var i = 0, j = list.length; i < j; i++) {
			// 		var cur = list[i];
			// 		str += '<option value="' + cur.id + '">' + cur.name + '</option>';
			// 	}
			// 	$('#id').html(str);
			// }
		});
	</script>
</body>

</html>
